<template>
    <div>
        <div id="content">
            <!--<div id="layer" v-show="isShow"><img src="static/icons/loading.gif"></div>-->
            <Europe v-show="isEurope"></Europe>
            <Tickets v-show="isTickets"></Tickets>
            <!--<div class="line" >没有更多了</div>-->
            <!--v-show="empty"-->
            <!--<h3>未开发</h3>-->
        </div>
    

    <!--<h3>九宫格页面</h3>-->
    </div>
</template>

<script>
import Europe from "../components/Europe.vue"
import Tickets from "../components/Tickets.vue"


export default {
    data:function(){
        return{
            isEurope:false,
            isShow:true,
            isTickets:false
        }
    },
    methods:{
        // contentScroll(e){
        //     // console.log(e)
        //     if(e.target.scrollTop>=e.target.scrollTopMax){
        //         console.log("加载")
        //         this.isShow=true; 
        //         this.$store.commit("setArrInd")
        //         setTimeout(function() {
        //             this.isShow=false;       
        //         }.bind(this), 700);
        //     }else{
        //         this.$store.commit("changeEmpty");
        //     }
            
        // }

    },
    components:{
        Europe,
        Tickets
    },
    mounted:function(){
        // console.log(this.$route.params.name)
        if(this.$route.params.name=="旅游"){
            console.log(123)
            this.isEurope=true;
            this.isTickets=false;
        }else if(this.$route.params.name="门票"){
            this.isTickets=true;
            this.isEurope=false;
        }
        

        // var content =document.getElementById("content")
        // content.ons
    }

}
</script>

<style lang='css' scoped>
    #content{
        /*border: 1px  solid  red;*/
        height: 100vh;
        overflow: scroll;
        /*overflow-x: hidden;*/
    }
    #layer{
        position: fixed;
        left: 50vw;
        bottom: 20px;
    }
    .line{
        font-size: 14px;
        width: 100px;
        height: 50px;
        line-height: 50px;
        /*border: 1px  solid red;*/
        left: 30vw;
        bottom: 10px;
        position: fixed;
        color: #fff!important;
        background-color: rgba(0, 0, 0, 0.7);
        border-radius: 5px;
        text-align: center;
        
    }

</style>